<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div id="app">
        {{aa}}
        <h1>{{user.test}}+{{user.name}}</h1>
        <h1>{{user}}</h1>
        <h1>{{school[1]=="男"}}</h1>


        <!--v-text 和 v-html-- 作用：获取data中声明的数据。跟{{}}一样-->
        <!--使用方法见下-->
        <h1 v-text="user"></h1>
        <h1 v-html="user"></h1>
<!--取值的区别
    {{}}：不会将标签的原始数据清空，此方式也叫插值表达式，存在插值闪烁的问题
    v-text：将原始的标签原始数据会清空，直接将数据渲染到对应位置
    v-html:会先解析html标签，然后在渲染到对应位置

-->
    </div>
</body>
</html>

<!--引入vue-->
<script src="resource/vue.js"></script>
<script>
    new Vue({
        el:app,
        data:{
            aa:15,
            user:{test:01,name:"zhangsan",age:10},
            school:["男","女"],
        },



    });

</script>